<template>
    <div class="lx-main-center">
        <a-row class="lx-main-center-row">
            <!-- 左侧 -->
            <a-col class="lx-main-center-left" :xs="24" :sm="24" :md="24" :lg="24" :xl="16" :xxl="16">
                <slot name="lxMainleft"  </slot>
            </a-col>
            <!-- 右侧信息 -->
            <a-col class="lx-main-center-right" :xs="24" :sm="24" :md="24" :lg="24" :xl="6" :xxl="6">
                <slot name="lxMainright"></slot>
            </a-col>
        </a-row>
    </div>
</template>

<script setup lang="ts">
    
</script>


<style lang="scss" scoped>

.lx-main-center {
    margin: 0 auto;
    width: 100%;
    max-width: 1300px;
}
.lx-main-center-right {
    margin-left: var(--lx-margin-5);
}
</style>